body{
	background: black;
}
#contenedor{
	width: 900px;
	margin: 0 auto;
	background-color:#616354;
	border-width: 1px;
	border-style: solid;
	border-color: yellow;
	margin-top: 30px;
}
#loading_container{
	width: 50px;
	height: 50px;
	position: absolute;
	margin:auto;
	display: block;
	top:50%;
	left:50%;
	-webkit-transform:rotate(90deg);
}

.loading{
	background:  #F1C65F;
    border-radius:10px;
    display: block;
	width:10%;
    height:5px;
    -webkit-transform: translateX(0);
}

.load{
  -webkit-animation: loading 1s infinite;
}

/*Animacion*/
@-webkit-keyframes loading {
  0%{
    -webkit-transform: translateX(0);
    box-shadow:
      0px 2px 10px 0px  #F1C65F,
      0px -2px 10px 0px  #F1C65F;
  }
  25%{
    -webkit-transform: translateX(0);
    box-shadow:
      0px 10px 0px 0px  #F1C65F,
      0px 20px 0px 0px  #F1C65F,
      0px 30px 0px 0px  #F1C65F,
      0px 40px 0px 0px  #F1C65F;
  }
  50%{
    -webkit-transform: translateX(0);
    box-shadow:
      0px -10px 0px 0px  #F1C65F,
      0px -20px 0px 0px  #F1C65F,
      0px -30px 0px 0px  #F1C65F,
      0px -40px 0px 0px  #F1C65F;
  }
  75%{
    -webkit-transform: translateX(0);
    box-shadow:
      0px 50px 0px 0px  #F1C65F,
      0px 25px 0px 0px  #F1C65F,
      0px -25px 0px 0px  #F1C65F,
      0px -50px 0px 0px  #F1C65F;
  }
  100%{
    -webkit-transform: translateX(0);
    box-shadow:
      0px 2px 10px 0px  #F1C65F,
      0px -2px 10px 0px  #F1C65F;
  }
}